<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="favicon.ico" rel="shortcut icon">
    <script th:src="@{/js/template-web.js}"></script>
    <script charset="utf-8" th:src="@{lib/jquery-3.4.1/jquery-3.4.1.min.js}"></script>
</head>
<body>
<!-- 顶部tab -->
<div th:fragment="headdeg" style="background-color: #FFFFFF">
    <div class="tab-header" >
        <div class="inner">
            <a class="logo" href="/skippage?url=index"><img style="width: 300px;height: 60px;margin-left: -400px" alt="返回首页" class="cover" th:src="@{/images/usetLog.png}"></a>
            <div style="float: right;margin-right: -300px" >
                <a href="/skippage?url=login" th:if="${session.member==null}" style="border-right: 1px solid #929090"><img th:src="@{/images/users.png}" style="width: 25px;height: 25px"> <span style="margin-right: 10px">登录/注册</span></a>
                <a href="/skippage?url=udai_setting"style="border-right: 1px solid #929090"><img th:src="@{/images/zhongxing.png}" style="width: 25px;height: 25px"><span style="margin-right: 10px">个人中心</span></a>
                <a href="/skippage?url=udai_shopcart"style="border-right: 1px solid #929090"><img th:src="@{/images/shoping.png}" style="width: 25px;height: 25px"><span style="margin-right: 10px">购物车</span></a>
                <a href="/skippage?url=udai_about"style="border-right: 1px solid #929090"><img th:src="@{/images/aboud.png}" style="width: 25px;height: 25px"><span style="margin-right: 10px">检索</span></a>
                <a href="https://www.gov.cn/"><img style="width: 25px;height: 25px" th:src="@{/images/china.png}"/><span style="margin-right: 10px">中国</span></a>
            </div>
        </div>
    </div>
</div>
<!--搜索栏-->
<div th:fragment="headone">
    <div class="top-search">
        <div class="inner">
            <a class="logo" th:href="@{/}"><img alt="U袋网" class="cover" th:src="@{/frontstatic/images/icons/logo.jpg}"></a>
            <div class="search-box">
                <form class="input-group">
                    <input placeholder="Ta们都在" type="text">
                    <span class="input-group-btn">
						<button type="button">
							<span aria-hidden="true" class="glyphicon glyphicon-search"></span>
						</button>
					</span>
                </form>
            </div>
            <div class="cart-box">
                <a class="cart-but" href="/skippage?url=udai_shopcart">
                    <i class="iconfont icon-shopcart cr fz16"></i> 购物车
                </a>
            </div>
        </div>
    </div>
</div>
<!--手机-->
<div th:fragment="headtew">
    <script id="indexkind" type="text/template">
        {{each datebatekind value}}
        <section class="scroll-floor floor-2">
            <div class="floor-title">
                <i class="iconfont icon-skirt fz16"></i>{{value.k_name}}
            </div>
            <div class="con-box" id="commtitydata">
                <a class="left-img hot-img" href="">
                    <img src="{{@value.image}}" alt="" class="cover">
                </a>
                <div class="right-box" id="iphone">

                </div>
            </div>
        </section>
        {{/each}}
    </script>
    <script id="indexkinddata" type="text/template">
        {{each datebatecommotity value}}
        <a href="item_show.html" class="floor-item">
            <div class="item-img hot-img">
                <img src="{{value.exampleImage1}}" alt="{{value.c_name}}" class="cover">
            </div>
            <div class="price clearfix">
                <span class="pull-left cr fz16">${{value.c_price}}</span>
                <span class="pull-right c6">售价</span>
            </div>
            <div class="name ep" title="@{{value.c_name}}">{{value.c_name}}</div>
        </a>
        {{/each}}
    </script>
</div>
<!--服装-->
<div th:fragment="dress">

    <!--    <script id="indexkinddress" type="text/template">-->
    <!--        {{each datebatecommotity value}}-->
    <!--       -->
    <!--        {{/each}}-->
    <!--    </script>-->
</div>
</body>
<script>
    function iphone() {
        $.post("/getCommtityData", function (result) {
            date = {datebatekind: result}
            mera = template("indexddress", date);
            $("#textsection").append(mera);
        })
    }
    iphone();
    $.get("/users/getUsers", function (result) {
       $("#userName").val(result.data)
    })

</script>
</html>